<template>
 <h2>用户信息</h2>
 <p>收集到的用户信息</p>
 <h3>{{ userID }}</h3>
</template>

<script>
import { computed } from 'vue'
import { useRoute } from 'vue-router'
export default {
  setup () {
    // 获取列表页面传来的id,利用此id进行数据请求工作
    const route = useRoute()
    // 计算属性
    const userID = computed(() => {
      return route.params.userId    // 获取URL中的userId值
    })
    return {
      userID
    }
  }
}
</script>